<template>
  <a-space direction="vertical" :style="{ width: '100%' }" :size="[0, 48]">
    <a-layout>
      <a-layout>
        <Globalheader />
        <a-layout-content class="content-style" style="position: relative;">
          <RouterView>
          </RouterView>
        </a-layout-content>
        <div class="footer-style">
          <a href="https://ilink.bupt.edu.cn/login?redirect=/user/homepagesquare" target="_blank">智链平台</a>
        </div>
      </a-layout>
    </a-layout>
  </a-space>
</template>

<script lang="ts" setup>
// 这里不再需要定义样式
import { RouterView } from 'vue-router'
import Globalheader from './header/globalheader.vue'
</script>

<style scoped>
/* Header 样式 */
.header-style {
  text-align: center;
  color: #fff;
  height: 64px;
  padding-inline: 20px;
  line-height: 64px;
  background-color: #7dbcea;
  margin-bottom: 20px;
}

/* Content 样式 */
/* .content-style {
  text-align: center;
  min-height: 120px;
  line-height: '120px';
  color: #fff;
  background-color: #108ee9;
  padding: 20px;
  margin-bottom: 20px;
} */

/* Sider 样式 */
.sider-style {
  text-align: center;
  line-height: '120px';
  color: #fff;
  background-color: #3ba0e9;
}

/* Footer 样式 */
.footer-style {
  text-align: center;
  color: #fff;
  background-color: #7dbcea;
  position: absolute;
  padding: 16px;
  bottom: 0;
  left: 0;
  right: 0;
}
</style>